<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新建联系人</title>
	<link href="css/bootstrap3.css" rel="stylesheet">
	<link href="css/bootstrap-datepicker.css" rel="stylesheet">
	<link href="css/bootstrap-table.min.css" rel="stylesheet">
	<link href="css/people_message.css" rel="stylesheet">
</head>
<body>
	<div class="head">
		<div class="logo">
			<span class="logo_content1">126</span>
			<span class="logo_content2">网易免费邮</br>www.126.com</span>
	    </div>
	    <div class="user">
	    	<span class="user_name">truelovezhangyuang@126.com</span>
	    </div>	
	    <div class="head_nav">
	     <ul>
			<li>账号通</li>
			<li>公正邮</li>
			<li>手机版</li>
			<li>设置</li>
			<li>帮助</li>
			<li>退出</li>
	      </ul>
	    </div>
	    <div class="find">
	    	<span class="glyphicon glyphicon glyphicon-search search_email" aria-hidden="true"></span>
	    	<input type="text" class="form-control find_text" placeholder="支持邮件全文搜索"> 
	    </div>
	 <div class="nav">
		<ul>
			<li>首页</li>
			<li class="active" id="mail_list">通讯录</li>
			<li>应用中心</li>
			<li>收件箱</li>
			<li>账号通</li>
	    </ul>
	  </div>
	</div>
	<div class="body_left">
		<div class="call_people">
			<h1 class="call_people_title">联系人</h1>
			<ul>
				<li><a href="index.html">所有联系人</a></li>
				<li><a href="no_group.html">未分组联系人</a></li>
			</ul>
		</div>
		<div class="call_people">
			<h1 class="call_people_title">联系组<span class="glyphicon glyphicon-plus" id="add"></span></h1>
			<ul id="team_list">
			
			</ul>
		</div>
    </div>
    <div class="modal fade" id="mymodal" tabindex="-1">
    <div class="modal-dialog">
    	<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">请输入新的分组名称</h4>
			</div>
			<div class="modal-body">
				<p><input type="text" class="form-control" id="new_team"></p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-success" data-dismiss="modal" id="save">保存</button>
				<button type="button" class="btn btn-info" data-dismiss="modal">取消</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <div class="body_right">
    	<div class="people_message">
    <form id="commentForm">
    	<div class="img_content">	
    		<form id="image">
    		<input type="file" id="choose_image" style="display:none">
    		<img src="images/new_people.png" id="choose_people" width="60" height="60">
    		<p class="imgpath"></p>
    	    </form>
        </div>
    	<div class="write_name">	
    		<label for="name">姓名</label><input type="text" id="name" class="form-control" name="name" placeholder="姓名">
    	</div>
    	<div class="write_email" >
    	   <label for="email">个人邮箱</label><input type="text" id="email" name="email"  class="form-control" placeholder="个人邮箱">
    	</div>  
    	<div class="write_number">
    	<label for="telphone">手机号码</label><input type="text" id="tel" name="telphone" class="form-control" placeholder="手机号码">
  		</div>
  		<div class="tel">
    	<label for="tel">电话号码</label><input type="text" id="phone" name="tel" class="form-control" placeholder="电话号码">
  		</div>
  		<div class="write_born">
    	<label for="born">生日</label><input type="text" id="born" name="born" class="form-control" placeholder="生日">
    	</div>
    	<div class="write_address">
    	<label for="address">家庭地址</label><input type="text" id="address" name="address" class="form-control" placeholder="家庭地址">
    	</div>
    	<div class="choose_content">
    	<label>所属组</label>
    	<div class="choose_select">  
    	
        </div>
  		</div>
    	<div class="write_QQ">
    	<label for="QQ">QQ</label><input type="text" id="QQ" name="QQ" class="form-control" placeholder="QQ号码">
    	</div>
    	<div class="write_url">
    	<label for="url">个人主页</label><input type="text" class="form-control"id="personal_page" name="personal_page" placeholder="个人主页">
    	</div>
    	<div class="work_place">
    	<label for="work_place">工作单位</label><input type="text" class="form-control" id="work_place" name="work_place" placeholder="工作单位">
    	</div>
    	<div class="write_code">
    	<label for="codes">邮编</label><input type="text"  class="form-control"id="codes" name="codes" placeholder="邮编">
    	</div>
    	<div class="write_remarks">
    	<label for="remarks">备注</label><input type="text"  class="form-control"id="remarks" name="remarks" placeholder="备注">
    	</div>
      <div class="button_content">
      	<button type="button" class="btn btn-success" id="save_people">保存</button>
      	<button type="button" class="btn btn-danger" id="back">返回</button>
      </div>  
  </form>
  </div>
    
    </div>	
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>   
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>   
<script type="text/javascript" src="js/jquery.validate-1.13.1.js"></script>  
<script type="text/javascript" src="js/message_zh.js"></script>  
<script type="text/javascript" src="js/bootstrap-table.js"></script> 
<script type="text/javascript" src="js/bootstrap-table-export.js"></script> 
<script type="text/javascript" src="js/bootstrap3.min.js"></script>
<script type="text/javascript" src="js/tableExport.js"></script> 
<script type="text/javascript" src="js/people_message.js"></script>   
</body>
</html>